<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
	<!doctype html>
	<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>SISDEP : Sistema de Informaci<h:outputText
		value="#{msg.tilde_o}" />n de Espacio P<h:outputText
		value="#{msg.tilde_u}" />blico</title>
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="stylesheet"
	href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
<link rel="stylesheet" href="<%=contextRoot%>/css/template.css"
	type="text/css">
<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css">
<!-- estilos formularios -->
<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body>
	<div id="marco">
		<!--inicio contenedor -->
		<div class="arriba-cuerpo"></div>
		<div class="cuerpo">
			<a href="<%=contextRoot%>/index.jsf"><img
				src="<%=contextRoot%>/images/logos.png" />
			</a>
			<div class="clear"></div>
			<!-- Menu y Usuario init() -->
			<%@ include file="include/menuUsuario.jsp"%>
			<!-- Menu y Usuario end() -->
			<div class="clear"></div>
			<!-- Formulario -->
			<div id="buscador">
				<h2>Consulta de de punto cr<h:outputText value="#{msg.tilde_i}" />tico ambiental</h2>
				<h:form id="puntocambSearchForm">
					<div class="clear"></div>
					<span class="left" style="margin-left: 5px"> <label>C<h:outputText
								value="#{msg.tilde_o}" />digo <span class="asterisco">*</span>
					</label> <h:inputText id="codigo" size="10" maxlength="4"
							styleClass="validate[required]"
							value="#{puntocambController.puntocambSearch.codigo}" />
							<h:commandButton
							id="puntocambSearchButton" styleClass="botonsmall" type="submit"
							value="Buscar" ondblclick="return false;"
							action="#{puntocambController.searchPuntoCAmbByKey}">
							</h:commandButton>
					</span>
					<div class="clear"></div>
					<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio. Usar % para consultar todos los registros.
		<div class="clear"></div>

				</h:form>
			</div>
			<!-- Fin formulario -->
			<div class="clear"></div>
			<div id="buscador">
				<h:form id="puntocambResultsForm">
					<span class="left"> <label>&nbsp;</label> <h:commandButton
							id="createpuntocambButton" styleClass="botonsmall" type="submit"
							value="Nuevo" ondblclick="return false;"
							action="#{puntocambController.createPuntoCAmb}">
						</h:commandButton> </span>
					<div class="clear"></div>
					<h2>
						<span class="left">Resultados de la consulta de de punto cr<h:outputText value="#{msg.tilde_i}" />tico ambiental:</span>
					</h2>
					<div class="clear"></div>
					<rich:dataTable id="puntocambData" styleClass="scrollerTable"
						headerClass="standardTable_Header" border="0" cellpadding="3"
						cellspacing="1" footerClass="standardTable_Header"
						rowKeyVar="rowIndex"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
						onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
						var="puntocambRow"
						value="#{puntocambController.puntocambListModel}" rows="10">
						<h:column>
							<f:facet name="header">
								<h:outputText value="EDITAR" />
							</f:facet>
							<a4j:commandLink id="updatePuntoCAmb" styleClass="formTextLink"
								title="Ver Detalle..."
								action="#{puntocambController.updatePuntoCAmb}"
								reRender="groupTable">
								<f:param name="puntocambDataIndex" value="#{rowIndex}" />
								<h:graphicImage value="/images/edit_icon.png"
									style="border: 0px solid #FFFFFF;" />
							</a4j:commandLink>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="codigo" />
							</f:facet>
							<h:outputText value="#{puntocambRow.codigo}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="direccion" />
							</f:facet>
							<h:outputText value="#{puntocambRow.direccionPuntoCritico}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="barrio" />
							</f:facet>
							<h:outputText value="#{puntocambRow.barrio}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="comuna" />
							</f:facet>
							<h:outputText value="#{puntocambRow.comuna}" />
						</h:column>
<%-- 						<h:column> --%>
<%-- 							<f:facet name="header"> --%>
<%-- 								<h:outputText value="detalle Impacto" /> --%>
<%-- 							</f:facet> --%>
<%-- 							<h:outputText value="#{puntocambRow.detalleImpacto}" /> --%>
<%-- 						</h:column> --%>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Fecha Registro" />
							</f:facet>
							<h:outputText value="#{puntocambRow.fechaRegistro}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="nivel de criticidad" />
							</f:facet>
							<h:outputText value="#{puntocambRow.nivelCriticidad}" />
						</h:column>
					</rich:dataTable>
					<h:panelGrid columns="1" styleClass="tablapaginacion"
						columnClasses="standardTable_ColumnCentered">
						<rich:datascroller id="puntocambScroll" for="puntocambData"
							fastStep="10" pageIndexVar="pageIndex" styleClass="scroller"
							maxPages="9">
							<f:facet name="first">
								<h:graphicImage url="/images/arrow-first.gif" />
							</f:facet>
							<f:facet name="last">
								<h:graphicImage url="/images/arrow-last.gif" />
							</f:facet>
							<f:facet name="previous">
								<h:graphicImage url="/images/arrow-previous.gif" />
							</f:facet>
							<f:facet name="next">
								<h:graphicImage url="/images/arrow-next.gif" />
							</f:facet>
							<f:facet name="fastforward">
								<h:graphicImage url="/images/arrow-ff.gif" />
							</f:facet>
							<f:facet name="fastrewind">
								<h:graphicImage url="/images/arrow-fr.gif" />
							</f:facet>
						</rich:datascroller>
					</h:panelGrid>
				</h:form>
			</div>
			<div class="clear"></div>
		</div>
		<div class="abajo-cuerpo"></div>
	</div>
	<!-- Fin contenedor -->
	<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script>
	<!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script>
	<!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script>
	<!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js"
		type="text/javascript" charset="utf-8"></script>
	<script
		src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js"
		type="text/javascript"></script>
	<!-- Quitar si no se usan fechas -->
	<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script>
	<!-- Quitar si no se usan funciones custom -->
	<script type="text/javascript">
		jQ(document)
				.ready(
						function() {
							jQ(
									"input, select, input:checkbox, input:radio, input:file")
									.uniform();
							jQ("#puntocambSearchForm").validationEngine(
									'attach');
							jQ("#puntocambSearchForm").bind("jqv.form.result",
									function(event, errorFound) {
										if (!errorFound)
											displayLoadingImage();
									});
						});
	</script>
	<%@ include file="include/validationStatus.jsp"%>
	<%@ include file="include/modalMessageWindow.jsp"%>
</body>
	</html>
</f:view>
